<template>
  <div>
    <ul>
      <li>
        <router-link to="/no3homework/contacts/allcontact"
          >All_contacts</router-link
        >
      </li>
      <li><router-link to="/no3homework/contacts/alice">Alice</router-link></li>
      <li><router-link to="/no3homework/contacts/bob">Bob</router-link></li>
    </ul>

    <button @click="fn">按钮</button>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "ContentAbc",
  components: {},
  props: {},
  data() {
    return {
      arr: [
        "/no3homework/contacts/allcontact",
        "/no3homework/contacts/alice",
        "/no3homework/contacts/bob",
      ],
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    fn() {
      const num = Math.floor(Math.random() * 3);
      this.$router.push(this.arr[num]);
    },
  },
};
</script>

<style scoped></style>
